body {
    height: 100%;
    overflow: hidden;

    background-color: #a9b2bb;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;

    width: 100%;
    height: 100%;

    background: #fff;
}

.loading .pic1 {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 2rem;
    margin-top: -1rem;
    margin-left: -1rem;

    -webkit-animation: loading 5s linear 0s infinite;
            animation: loading 3s linear 0s infinite;
}

@keyframes loading {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}

.loading .text1 {
    top: 77%;
    left: 0;
    z-index: 2;

    width: 100%;
    height: 2rem;
    padding: .9rem 0;
    margin-top: -1rem;

    font-size: 16px;

    text-align: center;

    color: #2ba9d7;
    /*transform:rotate(90deg);-webkit-transform:rotate(90deg);*/
}

.loading .text2 {
    width: 100%;

    font-size: 16px;

    text-align: center;

    color: #2ba9d7;
}

.index {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index .box1 {
    /*overflow:hidden;*/
    position: relative;
    z-index: 9;

    width: 100%;
    height: 100%;
}

#circlr {
    position: relative;
    z-index: 1;

    height: 100%;
    margin: 0 auto;
    overflow: hidden;

    cursor: move;
}

#circlr img {
    width: 100%;
}

#circlr .on {
    position: absolute;
    top: 50%;
    left: 0;

    display: none;
    width: 100%;
    height: 6.665rem;
    margin-top: -3.3325rem;
}

#circlr .clist {
    width: 100%;
    height: 100%;
}

.pinch-zoom-container {
    width: 100%;
    height: 100%;
}

#circlr .on20 {
    display: block;
}

#circlr .ln {
    position: absolute;
    z-index: 1;

    width: .3rem;
    height: .3rem;

    -webkit-animation: zhuan 3s linear 0s infinite;
    /*animation: dian1 2s linear 0s infinite normal;
	-webkit-animation: dian1 2s linear 0s infinite normal;*/
            animation: zhuan 3s linear 0s infinite;

    background: url(http://cdn.dasvidaniyalife.com/tb2.png) no-repeat center center;
    background-size: 100%;
}

#circlr .on27 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on27 .lnn2 {
    top: 4.5rem;
    left: 2.32rem;
}

#circlr .on28 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on28 .lnn2 {
    top: 4.5rem;
    left: 2.25rem;
}

#circlr .on29 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on29 .lnn2 {
    top: 4.5rem;
    left: 2.22rem;
}

#circlr .on30 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on30 .lnn2 {
    top: 4.5rem;
    left: 2.15rem;
}

#circlr .on31 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on31 .lnn2 {
    top: 4.55rem;
    left: 2.12rem;
}

#circlr .on32 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on32 .lnn2 {
    top: 4.56rem;
    left: 2.06rem;
}

#circlr .on33 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on33 .lnn2 {
    top: 4.56rem;
    left: 1.96rem;
}

#circlr .on34 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on34 .lnn2 {
    top: 4.55rem;
    left: 1.9rem;
}

#circlr .on35 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on35 .lnn2 {
    top: 4.5rem;
    left: 1.83rem;
}

#circlr .on36 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on36 .lnn2 {
    top: 4.45rem;
    left: 1.75rem;
}

#circlr .on37 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on37 .lnn2 {
    top: 4.4rem;
    left: 1.6rem;
}

#circlr .on38 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on38 .lnn2 {
    top: 4.3rem;
    left: 1.5rem;
}

#circlr .on39 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on39 .lnn2 {
    top: 4.2rem;
    left: 1.4rem;
}

#circlr .on40 .lnn7 {
    top: 3.32rem;
    left: 2.1rem;
}

#circlr .on40 .lnn2 {
    top: 4.1rem;
    left: 1.35rem;
}

#circlr .on41 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on41 .lnn2 {
    top: 3.95rem;
    left: 1.3rem;
}

#circlr .on42 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on42 .lnn2 {
    top: 3.8rem;
    left: 1.3rem;
}

#circlr .on43 .lnn7 {
    top: 3.36rem;
    left: 2.1rem;
}

#circlr .on43 .lnn2 {
    top: 3.7rem;
    left: 1.25rem;
}

#circlr .on44 .lnn7 {
    top: 3.32rem;
    left: 2.1rem;
}

#circlr .on44 .lnn2 {
    top: 3.58rem;
    left: 1.23rem;
}

#circlr .on45 .lnn7 {
    top: 3.3rem;
    left: 2.1rem;
}

#circlr .on45 .lnn2 {
    top: 3.42rem;
    left: 1.23rem;
}

#circlr .on46 .lnn7 {
    top: 3.25rem;
    left: 2.1rem;
}

#circlr .on46 .lnn2 {
    top: 3.27rem;
    left: 1.23rem;
}

#circlr .on47 .lnn7 {
    top: 3.2rem;
    left: 2.1rem;
}

#circlr .on47 .lnn2 {
    top: 3.1rem;
    left: 1.23rem;
}

#circlr .on48 .lnn7 {
    top: 3.16rem;
    left: 2.1rem;
}

#circlr .on48 .lnn2 {
    top: 2.91rem;
    left: 1.21rem;
}

#circlr .on49 .lnn7 {
    top: 3.13rem;
    left: 2.1rem;
}

#circlr .on49 .lnn2 {
    top: 2.75rem;
    left: 1.23rem;
}

#circlr .on50 .lnn7 {
    top: 3.11rem;
    left: 2.12rem;
}

#circlr .on50 .lnn2 {
    top: 2.56rem;
    left: 1.3rem;
}

#circlr .on51 .lnn7 {
    top: 3.1rem;
    left: 2.1rem;
}

#circlr .on51 .lnn2 {
    top: 2.4rem;
    left: 1.32rem;
}

#circlr .on52 .lnn7 {
    top: 3.08rem;
    left: 2.1rem;
}

#circlr .on52 .lnn2 {
    top: 2.3rem;
    left: 1.4rem;
}

#circlr .on53 .lnn7 {
    top: 3.05rem;
    left: 2.1rem;
}

#circlr .on53 .lnn2 {
    top: 2.18rem;
    left: 1.47rem;
}

#circlr .on54 .lnn7 {
    top: 3.06rem;
    left: 2.1rem;
}

#circlr .on54 .lnn2 {
    top: 2.11rem;
    left: 1.53rem;
}

#circlr .on55 .lnn7 {
    top: 3.06rem;
    left: 2.1rem;
}

#circlr .on55 .lnn2 {
    top: 2.04rem;
    left: 1.62rem;
}

#circlr .on56 .lnn7 {
    top: 3.06rem;
    left: 2.1rem;
}

#circlr .on56 .lnn2 {
    top: 2rem;
    left: 1.65rem;
}

#circlr .on57 .lnn7 {
    top: 3.06rem;
    left: 2.1rem;
}

#circlr .on58 .lnn7 {
    top: 3.06rem;
    left: 2.1rem;
}

#circlr .on59 .lnn7 {
    top: 3.06rem;
    left: 2.1rem;
}

#circlr .on60 .lnn7 {
    top: 3.06rem;
    left: 2.1rem;
}

#circlr .on1 .lnn7 {
    top: 3.06rem;
    left: 2.1rem;
}


/*旋转自定义点击图*/
#circlr .on17 .ln10 {
    top: 1.2rem;
    left: 1.55rem;
}

#circlr .on17 .ln13 {
    top: 2.4rem;
    left: 1.8rem;
}

#circlr .on17 .ln11 {
    top: 3.25rem;
    left: 1.4rem;
}

#circlr .on17 .ln15 {
    top: 3.7rem;
    left: 1.85rem;
}

#circlr .on17 .ln14 {
    top: 4.05rem;
    left: 1.85rem;
}

#circlr .on17 .ln12 {
    top: 4.7rem;
    left: 1.5rem;
}

/*17*/

#circlr .on16 .ln15 {
    top: 3.3rem;
    left: 1.8rem;
}

#circlr .on16 .ln14 {
    top: 4rem;
    left: 1.85rem;
}
#circlr .on16 .ln13 {
    top: 2.4rem;
    left: 1.8rem;
}

#circlr .on16 .ln12 {
    top: 4.8rem;
    left: 1.5rem;
}

#circlr .on16 .ln11 {
    top: 3.45rem;
    left: 1.4rem;
}

#circlr .on16 .ln10 {
    top: 1.3rem;
    left: 1.5rem;
}
/*16*/
#circlr .on15 .ln15 {
    top: 3.2rem;
    left: 1.9rem;
}

#circlr .on15 .ln14 {
    top: 3.9rem;
    left: 1.9rem;
}

#circlr .on15 .ln13 {
    top: 2.4rem;
    left: 1.8rem;
}

#circlr .on15 .ln12 {
    top: 4.9rem;
    left: 1.5rem;
}

#circlr .on15 .ln11 {
    top: 3.6rem;
    left: 1.45rem;
}

#circlr .on15 .ln10 {
    top: 1.5rem;
    left: 1.5rem;
}
/*15*/
#circlr .on14 .ln15 {
    top: 3.2rem;
    left: 1.9rem;
}

#circlr .on14 .ln14 {
    top: 4rem;
    left: 1.9rem;
}

#circlr .on14 .ln13 {
    top: 2.4rem;
    left: 1.8rem;
}

#circlr .on14 .ln12 {
    top: 5rem;
    left: 1.6rem;
}

#circlr .on14 .ln11 {
    top: 3.75rem;
    left: 1.45rem;
}

#circlr .on14 .ln10 {
    top: 1.7rem;
    left: 1.4rem;
}

/*14*/
#circlr .on13 .ln15 {
    top: 3rem;
    left: 1.9rem;
}

#circlr .on13 .ln14 {
    top: 3.8rem;
    left: 1.9rem;
}

#circlr .on13 .ln13 {
    top: 2.5rem;
    left: 1.8rem;
}

#circlr .on13 .ln12 {
    top: 4.95rem;
    left: 1.6rem;
}

#circlr .on13 .ln11 {
    top: 3.9rem;
    left: 1.45rem;
}

#circlr .on13 .ln10 {
    top: 1.9rem;
    left: 1.4rem;
}
/*13*/
#circlr .on12 .ln15 {
    top: 3rem;
    left: 1.9rem;
}

#circlr .on12 .ln14 {
    top: 3.7rem;
    left: 1.9rem;
}

#circlr .on12 .ln13 {
    top: 2.5rem;
    left: 1.8rem;
}

#circlr .on12 .ln12 {
    top: 4.9rem;
    left: 1.65rem;
}

#circlr .on12 .ln11 {
    top: 4.05rem;
    left: 1.5rem;
}

#circlr .on12 .ln10 {
    top: 2rem;
    left: 1.35rem;
}

/*12*/

#circlr .on11 .ln15 {
    top: 2.9rem;
    left: 1.9rem;
}

#circlr .on11 .ln14 {
    top: 3.6rem;
    left: 1.9rem;
}

#circlr .on11 .ln13 {
    top: 2.5rem;
    left: 1.8rem;
}

#circlr .on11 .ln12 {
    top: 5rem;
    left: 1.7rem;
}

#circlr .on11 .ln11 {
    top: 4.2rem;
    left: 1.5rem;
}

#circlr .on11 .ln10 {
    top: 2.3rem;
    left: 1.35rem;
}

/*11*/

#circlr .on10 .ln15 {
    top: 3rem;
    left: 1.9rem;
}

#circlr .on10 .ln14 {
    top: 3.5rem;
    left: 1.9rem;
}

#circlr .on10 .ln13 {
    top: 2.45rem;
    left: 1.7rem;
}

#circlr .on10 .ln12 {
    top: 4.85rem;
    left: 1.7rem;
}

#circlr .on10 .ln11 {
    top: 4.3rem;
    left: 1.55rem;
}

#circlr .on10 .ln10 {
    top: 2.5rem;
    left: 1.35rem;
}

#circlr .on9 .ln15 {
    top: 2.9rem;
    left: 1.9rem;
}

#circlr .on9 .ln14 {
    top: 3.5rem;
    left: 1.9rem;
}

#circlr .on9 .ln13 {
    top: 2.5rem;
    left: 1.7rem;
}

#circlr .on9 .ln12 {
    top: 4.8rem;
    left: 1.75rem;
}

#circlr .on9 .ln11 {
    top: 4.45rem;
    left: 1.6rem;
}

#circlr .on9 .ln10 {
    top: 2.8rem;
    left: 1.4rem;
}

#circlr .on8 .ln15 {
    top: 3rem;
    left: 1.9rem;
}

#circlr .on8 .ln14 {
    top: 3.5rem;
    left: 1.9rem;
}

#circlr .on8 .ln13 {
    top: 2.6rem;
    left: 1.7rem;
}

#circlr .on8 .ln12 {
    top: 4.7rem;
    left: 1.8rem;
}

#circlr .on8 .ln11 {
    top: 4.3rem;
    left: 1.6rem;
}

#circlr .on8 .ln10 {
    top: 3rem;
    left: 1.5rem;
}

#circlr .on7 .ln15 {
    top: 3rem;
    left: 1.8rem;
}

#circlr .on7 .ln14 {
    top: 3.2rem;
    left: 1.9rem;
}

#circlr .on7 .ln13 {
    top: 2.7rem;
    left: 1.7rem;
}

#circlr .on7 .ln12 {
    top: 4.6rem;
    left: 1.9rem;
}

#circlr .on7 .ln11 {
    top: 4.5rem;
    left: 1.6rem;
}

#circlr .on7 .ln10 {
    top: 3.3rem;
    left: 1.4rem;
}

#circlr .on6 .ln15 {
    top: 3.3rem;
    left: 2rem;
}

#circlr .on6 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on6 .ln13 {
    top: 2.8rem;
    left: 1.8rem;
}

#circlr .on5 .ln12 {
    top: 4.6rem;
    left: 2rem;
}

#circlr .on6 .ln11 {
    top: 4.5rem;
    left: 1.6rem;
}

#circlr .on6 .ln10 {
    top: 3.7rem;
    left: 1.4rem;
}

#circlr .on5 .ln15 {
    top: 3.2rem;
    left: 2rem;
}

#circlr .on5 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on5 .ln13 {
    top: 2.8rem;
    left: 1.8rem;
}

#circlr .on5 .ln12 {
    top: 4.95rem;
    left: 2rem;
}

#circlr .on5 .ln11 {
    top: 4.5rem;
    left: 1.6rem;
}

#circlr .on5 .ln10 {
    top: 3.9rem;
    left: 1.8rem;
}

#circlr .on4 .ln15 {
    top: 3.1rem;
    left: 2rem;
}

#circlr .on4 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on4 .ln13 {
    top: 3rem;
    left: 1.8rem;
}

#circlr .on4 .ln12 {
    top: 4.75rem;
    left: 2rem;
}

#circlr .on4 .ln11 {
    top: 4.6rem;
    left: 1.7rem;
}

#circlr .on4 .ln10 {
    top: 4.3rem;
    left: 1.4rem;
}

#circlr .on3 .ln15 {
    top: 3.1rem;
    left: 2rem;
}

#circlr .on3 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on3 .ln13 {
    top: 3.3rem;
    left: 1.7rem;
}

#circlr .on3 .ln12 {
    top: 4.6rem;
    left: 1.88rem;

    display: none;
}

#circlr .on3 .ln11 {
    top: 4.6rem;
    left: 1.9rem;
}

#circlr .on3 .ln10 {
    top: 4.6rem;
    left: 1.4rem;
}

#circlr .on2 .ln15 {
    top: 3.1rem;
    left: 2rem;
}

#circlr .on2 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on2 .ln13 {
    top: 3.3rem;
    left: 1.7rem;
}

#circlr .on2 .ln12 {
    top: 4.4rem;
    left: 1.98rem;

    display: none;
}

#circlr .on2 .ln11 {
    top: 4.5rem;
    left: 2rem;
}

#circlr .on2 .ln10 {
    top: 4.9rem;
    left: 1.6rem;
}

#circlr .on1 .ln15 {
    top: 3.2rem;
    left: 2rem;
}

#circlr .on1 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on1 .ln13 {
    top: 3.5rem;
    left: 1.6rem;
}

#circlr .on1 .ln12 {
    top: 4.4rem;
    left: 1.98rem;
}

#circlr .on1 .ln11 {
    top: 4.4rem;
    left: 1.7rem;

    display: none;
}

#circlr .on1 .ln10 {
    top: 5rem;
    left: 1.6rem;
}

#circlr .on60 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on60 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on60 .ln13 {
    top: 3.6rem;
    left: 1.6rem;
}

#circlr .on60 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on60 .ln11 {
    top: 4.4rem;
    left: 2rem;
}

#circlr .on60 .ln10 {
    top: 5.3rem;
    left: 1.6rem;
}

#circlr .on59 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on59 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on59 .ln13 {
    top: 3.8rem;
    left: 1.6rem;
}

#circlr .on59 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on59 .ln11 {
    top: 4.4rem;
    left: 2rem;
}

#circlr .on59 .ln10 {
    top: 5.4rem;
    left: 1.6rem;
}

#circlr .on58 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on58 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on58 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on58 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on58 .ln11 {
    top: 4.2rem;
    left: 2rem;
}

#circlr .on58 .ln10 {
    top: 5.5rem;
    left: 1.6rem;
}

#circlr .on57 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on57 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on57 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on57 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on57 .ln11 {
    top: 4.4rem;
    left: 1.7rem;

    display: none;
}

#circlr .on57 .ln10 {
    top: 5.6rem;
    left: 1.6rem;
}

#circlr .on56 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on56 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on56 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on56 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on56 .ln11 {
    top: 4.7rem;
    left: 1.7rem;

    display: none;
}

#circlr .on56 .ln10 {
    top: 5.6rem;
    left: 1.6rem;
}

#circlr .on55 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on55 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on55 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on55 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on55 .ln11 {
    top: 4.5rem;
    left: 1.7rem;

    display: none;
}

#circlr .on55 .ln10 {
    top: 5.6rem;
    left: 1.7rem;
}

#circlr .on54 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on54 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on54 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on54 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on54 .ln11 {
    top: 4.5rem;
    left: 1.7rem;

    display: none;
}

#circlr .on54 .ln10 {
    top: 5.6rem;
    left: 1.8rem;
}

#circlr .on53 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on53 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on53 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on53 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on53 .ln11 {
    top: 4.5rem;
    left: 1.7rem;

    display: none;
}

#circlr .on53 .ln10 {
    top: 5.5rem;
    left: 1.8rem;
}

#circlr .on52 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on52 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on52 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on52 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on52 .ln11 {
    top: 4.5rem;
    left: 1.7rem;

    display: none;
}

#circlr .on52 .ln10 {
    top: 5.4rem;
    left: 1.8rem;
}

#circlr .on51 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on51 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on51 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on51 .ln12 {
    top: 4.1rem;
    left: 1.98rem;

    display: none;
}

#circlr .on51 .ln11 {
    top: 4.5rem;
    left: 1.7rem;

    display: none;
}

#circlr .on51 .ln10 {
    top: 5.4rem;
    left: 1.87rem;
}

#circlr .on50 .ln15,
#circlr .on49 .ln15,
#circlr .on48 .ln15,
#circlr .on47 .ln15,
#circlr .on46 .ln15,
#circlr .on45 .ln15,
#circlr .on44 .ln15,
#circlr .on43 .ln15 {
    display: none;
}

#circlr .on50 .ln14,
#circlr .on49 .ln14,
#circlr .on48 .ln14,
#circlr .on47 .ln14,
#circlr .on46 .ln14,
#circlr .on45 .ln14,
#circlr .on44 .ln14,
#circlr .on43 .ln14 {
    display: none;
}

#circlr .on50 .ln13,
#circlr .on49 .ln13,
#circlr .on48 .ln13,
#circlr .on47 .ln13,
#circlr .on46 .ln13,
#circlr .on45 .ln13,
#circlr .on44 .ln13,
#circlr .on43 .ln13 {
    display: none;
}

#circlr .on50 .ln12,
#circlr .on49 .ln12,
#circlr .on48 .ln12,
#circlr .on47 .ln12,
#circlr .on46 .ln12,
#circlr .on45 .ln12,
#circlr .on44 .ln12,
#circlr .on43 .ln12 {
    display: none;
}

#circlr .on50 .ln11,
#circlr .on49 .ln11,
#circlr .on48 .ln11,
#circlr .on47 .ln11,
#circlr .on46 .ln11,
#circlr .on45 .ln11,
#circlr .on44 .ln11,
#circlr .on43 .ln11 {
    display: none;
}

#circlr .on50 .ln10,
#circlr .on49 .ln10,
#circlr .on48 .ln10,
#circlr .on47 .ln10,
#circlr .on46 .ln10,
#circlr .on45 .ln10,
#circlr .on44 .ln10,
#circlr .on43 .ln10 {
    display: none;
}

/*41*/

#circlr .on42 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on42 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on42 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on42 .ln12 {
    top: 1.1rem;
    left: 1.8rem;
}

#circlr .on42 .ln11 {
    top: 4.5rem;
    left: 1.7rem;

    display: none;
}

#circlr .on42 .ln10 {
    top: 5.1rem;
    left: 1.87rem;

    display: none;
}

/*41*/

#circlr .on41 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on41 .ln14 {
    top: 4.3rem;
    left: 1.9rem;

    display: none;
}

#circlr .on41 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on41 .ln12 {
    top: 1.2rem;
    left: 1.8rem;
}

#circlr .on41 .ln11 {
    top: 4.5rem;
    left: 1.7rem;

    display: none;
}

#circlr .on41 .ln10 {
    top: 5.1rem;
    left: 1.87rem;

    display: none;
}

/*40*/
#circlr .on40 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on40 .ln14 {
    top: 1.5rem;
    left: 1.7rem;
}

#circlr .on40 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on40 .ln12 {
    top: 1.1rem;
    left: 1.8rem;
}

#circlr .on40 .ln11 {
    top: 4.5rem;
    left: 1.7rem;

    display: none;
}

#circlr .on40 .ln10 {
    top: 5.1rem;
    left: 1.87rem;

    display: none;
}

/*39*/
#circlr .on39 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on39 .ln14 {
    top: 1.8rem;
    left: 1.6rem;
}

#circlr .on39 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on39 .ln12 {
    top: 1.4rem;
    left: 1.65rem;
}

#circlr .on39 .ln11 {
    top: 4.5rem;
    left: 1.7rem;

    display: none;
}

#circlr .on39 .ln10 {
    top: 5.1rem;
    left: 1.87rem;

    display: none;
}

/*38*/
#circlr .on38 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on38 .ln14 {
    top: 2rem;
    left: 1.6rem;
}

#circlr .on38 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on38 .ln12 {
    top: 1.35rem;
    left: 1.6rem;
}

#circlr .on38 .ln11 {
    top: 2.1rem;
    left: 2rem;
}

#circlr .on38 .ln10 {
    top: 5.1rem;
    left: 1.87rem;

    display: none;
}

/*37*/

#circlr .on37 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on37 .ln14 {
    top: 2.4rem;
    left: 1.6rem;
}

#circlr .on37 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on37 .ln12 {
    top: 1.4rem;
    left: 1.55rem;
}

#circlr .on37 .ln11 {
    top: 2.15rem;
    left: 1.8rem;
}

#circlr .on37 .ln10 {
    top: 5.1rem;
    left: 1.87rem;

    display: none;
}

/*36*/
#circlr .on36 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on36 .ln14 {
    top: 2.8rem;
    left: 1.6rem;
}

#circlr .on36 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on36 .ln12 {
    top: 1.4rem;
    left: 1.5rem;
}

#circlr .on36 .ln11 {
    top: 2.05rem;
    left: 1.7rem;
}

#circlr .on36 .ln10 {
    top: 5.1rem;
    left: 1.87rem;

    display: none;
}

/*35*/
#circlr .on35 .ln15 {
    top: 3.5rem;
    left: 2rem;

    display: none;
}

#circlr .on35 .ln14 {
    top: 3.1rem;
    left: 1.5rem;
}

#circlr .on35 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on35 .ln12 {
    top: 1.45rem;
    left: 1.55rem;
}

#circlr .on35 .ln11 {
    top: 2rem;
    left: 1.7rem;
}

#circlr .on35 .ln10 {
    top: 2.9rem;
    left: 2rem;
}
/*34*/
#circlr .on34 .ln15 {
    top: 3.5rem;
    left: 1.9rem;
}

#circlr .on34 .ln14 {
    top: 3.5rem;
    left: 1.6rem;
}

#circlr .on34 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on34 .ln12 {
    top: 1.55rem;
    left: 1.45rem;
}

#circlr .on34 .ln11 {
    top: 1.95rem;
    left: 1.75rem;
}

#circlr .on34 .ln10 {
    top: 2.8rem;
    left: 2rem;
}
/*33*/
#circlr .on33 .ln15 {
    top: 3.35rem;
    left: 1.8rem;
}

#circlr .on33 .ln14 {
    top: 3.7rem;
    left: 1.6rem;
}

#circlr .on33 .ln13 {
    top: 3.8rem;
    left: 1.6rem;

    display: none;
}

#circlr .on33 .ln12 {
    top: 1.65rem;
    left: 1.4rem;
}

#circlr .on33 .ln11 {
    top: 1.9rem;
    left: 1.7rem;
}

#circlr .on33 .ln10 {
    top: 2.6rem;
    left: 2rem;
}
/*32*/
#circlr .on32 .ln15 {
    top: 3.5rem;
    left: 1.7rem;
}

#circlr .on32 .ln14 {
    top: 3.8rem;
    left: 1.6rem;
}

#circlr .on32 .ln13 {
    top: 3.2rem;
    left: 1.9rem;
}

#circlr .on32 .ln12 {
    top: 1.8rem;
    left: 1.4rem;
}

#circlr .on32 .ln11 {
    top: 1.85rem;
    left: 1.8rem;
}

#circlr .on32 .ln10 {
    top: 2.45rem;
    left: 2rem;
}
/*31*/
#circlr .on31 .ln15 {
    top: 3.6rem;
    left: 1.7rem;
}

#circlr .on31 .ln14 {
    top: 3.9rem;
    left: 1.6rem;
}

#circlr .on31 .ln13 {
    top: 3.2rem;
    left: 1.9rem;
}

#circlr .on31 .ln12 {
    top: 1.9rem;
    left: 1.5rem;
}

#circlr .on31 .ln11 {
    top: 1.8em;
    left: 1.8rem;
}

#circlr .on31 .ln10 {
    top: 2.3rem;
    left: 2rem;
}
/*30*/
#circlr .on30 .ln15 {
    top: 3.7rem;
    left: 1.7rem;
}

#circlr .on30 .ln14 {
    top: 4rem;
    left: 1.65rem;
}

#circlr .on30 .ln13 {
    top: 3.1rem;
    left: 1.9rem;
}

#circlr .on30 .ln12 {
    top: 2.1rem;
    left: 1.4rem;
}

#circlr .on30 .ln11 {
    top: 1.85rem;
    left: 1.7rem;
}

#circlr .on30 .ln10 {
    top: 2.15rem;
    left: 2rem;
}

/*29*/
#circlr .on29 .ln15 {
    top: 3.8rem;
    left: 1.8rem;
}

#circlr .on29 .ln14 {
    top: 4.1rem;
    left: 1.65rem;
}

#circlr .on29 .ln13 {
    top: 3rem;
    left: 1.85rem;
}

#circlr .on29 .ln12 {
    top: 2.4rem;
    left: 1.4rem;
}

#circlr .on29 .ln11 {
    top: 1.85rem;
    left: 1.6rem;
}

#circlr .on29 .ln10 {
    top: 2.05rem;
    left: 2rem;
}

/*28*/
#circlr .on28 .ln15 {
    top: 3.8rem;
    left: 1.8rem;
}

#circlr .on28 .ln14 {
    top: 4.15rem;
    left: 1.7rem;
}

#circlr .on28 .ln13 {
    top: 3rem;
    left: 1.8rem;
}

#circlr .on28 .ln12 {
    top: 2.5rem;
    left: 1.35rem;
}

#circlr .on28 .ln11 {
    top: 1.9rem;
    left: 1.6rem;
}

#circlr .on28 .ln10 {
    top: 1.9rem;
    left: 2rem;
}

/*27*/
#circlr .on27 .ln15 {
    top: 3.8rem;
    left: 1.85rem;
}

#circlr .on27 .ln14 {
    top: 4.2rem;
    left: 1.7rem;
}

#circlr .on27 .ln13 {
    top: 2.95rem;
    left: 1.9rem;
}

#circlr .on27 .ln12 {
    top: 2.75rem;
    left: 1.35rem;
}

#circlr .on27 .ln11 {
    top: 1.9rem;
    left: 1.6rem;
}

#circlr .on27 .ln10 {
    top: 1.7rem;
    left: 2rem;
}

/*26*/
#circlr .on26 .ln15 {
    top: 3.8rem;
    left: 1.8rem;
}

#circlr .on26 .ln14 {
    top: 4.25rem;
    left: 1.7rem;
}

#circlr .on26 .ln13 {
    top: 2.85rem;
    left: 1.85rem;
}

#circlr .on26 .ln12 {
    top: 3rem;
    left: 1.3rem;
}

#circlr .on26 .ln11 {
    top: 1.95rem;
    left: 1.55rem;
}

#circlr .on26 .ln10 {
    top: 1.6rem;
    left: 1.85rem;
}

/*25*/
#circlr .on25 .ln15 {
    top: 3.8rem;
    left: 1.85rem;
}

#circlr .on25 .ln14 {
    top: 4.25rem;
    left: 1.7rem;
}

#circlr .on25 .ln13 {
    top: 2.8rem;
    left: 1.85rem;
}

#circlr .on25 .ln12 {
    top: 3.25rem;
    left: 1.3rem;
}

#circlr .on25 .ln11 {
    top: 2rem;
    left: 1.55rem;
}

#circlr .on25 .ln10 {
    top: 1.5rem;
    left: 1.85rem;
}

/*24*/
#circlr .on24 .ln15 {
    top: 3.75rem;
    left: 1.86rem;
}

#circlr .on24 .ln14 {
    top: 4.25rem;
    left: 1.75rem;
}

#circlr .on24 .ln13 {
    top: 2.7rem;
    left: 1.85rem;
}

#circlr .on24 .ln12 {
    top: 3.45rem;
    left: 1.35rem;
}

#circlr .on24 .ln11 {
    top: 2.15rem;
    left: 1.5rem;
}

#circlr .on24 .ln10 {
    top: 1.4rem;
    left: 1.8rem;
}

/*23*/
#circlr .on23 .ln15 {
    top: 3.7rem;
    left: 1.85rem;
}

#circlr .on23 .ln14 {
    top: 4.25rem;
    left: 1.75rem;
}

#circlr .on23 .ln13 {
    top: 2.65rem;
    left: 1.8rem;
}

#circlr .on23 .ln12 {
    top: 3.7rem;
    left: 1.3rem;
}

#circlr .on23 .ln11 {
    top: 2.25rem;
    left: 1.5rem;
}

#circlr .on23 .ln10 {
    top: 1.3rem;
    left: 1.8rem;
}
/*22*/
#circlr .on22 .ln15 {
    top: 3.65rem;
    left: 1.85rem;
}

#circlr .on22 .ln14 {
    top: 4.25rem;
    left: 1.75rem;
}

#circlr .on22 .ln13 {
    top: 2.6rem;
    left: 1.8rem;
}

#circlr .on22 .ln12 {
    top: 3.9rem;
    left: 1.35rem;
}

#circlr .on22 .ln11 {
    top: 2.4rem;
    left: 1.5rem;
}

#circlr .on22 .ln10 {
    top: 1.2rem;
    left: 1.8rem;
}
/*21*/
#circlr .on21 .ln15 {
    top: 3.6rem;
    left: 1.85rem;
}

#circlr .on21 .ln14 {
    top: 4.25rem;
    left: 1.8rem;
}

#circlr .on21 .ln13 {
    top: 2.56rem;
    left: 1.8rem;
}

#circlr .on21 .ln12 {
    top: 4.1rem;
    left: 1.35rem;
}

#circlr .on21 .ln11 {
    top: 2.55rem;
    left: 1.45rem;
}
#circlr .on21 .ln10 {
    top: 1.1rem;
    left: 1.7rem;
}
/*20*/
#circlr .on20 .ln15 {
    top: 3.7rem;
    left: 1.8rem;
}

#circlr .on20 .ln14 {
    top: 4.2rem;
    left: 1.8rem;
}

#circlr .on20 .ln13 {
    top: 2.5rem;
    left: 1.8rem;
}

#circlr .on20 .ln12 {
    top: 4.3rem;
    left: 1.4rem;
}

#circlr .on20 .ln11 {
    top: 2.7rem;
    left: 1.46rem;
}

#circlr .on20 .ln10 {
    top: 1.2rem;
    left: 1.8rem;
}
/*19*/
#circlr .on19 .ln15 {
    top: 3.45rem;
    left: 1.9rem;
}

#circlr .on19 .ln14 {
    top: 4.15rem;
    left: 1.8rem;
}

#circlr .on19 .ln13 {
    top: 2.5rem;
    left: 1.8rem;
}

#circlr .on19 .ln12 {
    top: 4.5rem;
    left: 1.4rem;
}

#circlr .on19 .ln11 {
    top: 2.9rem;
    left: 1.4rem;
}

#circlr .on19 .ln10 {
    top: 1rem;
    left: 1.7rem;
}
/*18*/
#circlr .on18 .ln15 {
    top: 3.4rem;
    left: 1.9rem;
}

#circlr .on18 .ln14 {
    top: 4.1rem;
    left: 1.9rem;
}

#circlr .on18 .ln13 {
    top: 2.4rem;
    left: 1.8rem;
}

#circlr .on18 .ln12 {
    top: 4.6rem;
    left: 1.4rem;
}

#circlr .on18 .ln11 {
    top: 3.05rem;
    left: 1.45rem;
}

#circlr .on18 .ln10 {
    top: 1.1rem;
    left: 1.6rem;
}


/*自定义长图点击你进去*/


/*发动机部分*/

.cbox10 .tclick1 {
    position: absolute;
    top: 3.5rem;
    left: 1.56rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox10 .tclick2 {
    position: absolute;
    top: 14rem;
    left: 1rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox10 .tclick3 {
    position: absolute;
    top: 8.7rem;
    left: 2.9rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox10 .tclick4 {
    position: absolute;
    top: 24.8rem;
    left: 1.9rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox10 .tclick5 {
    position: absolute;
    top: 17rem;
    left: 2rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox10 .tclick6 {
    position: absolute;
    top: 20.5rem;
    left: 1.9rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox11 .tclick1 {
    position: absolute;
    top: 2.4rem;
    left: 1.8rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox11 .tclick2 {
    position: absolute;
    top: 16.5rem;
    left: .8rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox11 .tclick3 {
    position: absolute;
    top: 21rem;
    left: 1.5rem;

    display: block;
    width: .2rem;
    height: .5rem;
    ;
}

.cbox11 .tclick4 {
    position: absolute;
    top: 12.5rem;
    left: 2rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox12 .tclick1 {
    position: absolute;
    top: 8.7rem;
    left: 2.9rem;

    display: block;
    width: .2rem;
    height: .5rem;
    ;
}

.cbox12 .tclick2 {
    position: absolute;
    top: 3.6rem;
    left: 2.5rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox12 .tclick3 {
    position: absolute;
    top: 12.8rem;
    left: 3.4575rem;

    display: block;
    width: .2rem;
    height: .5rem;
    ;
}

.cbox13 .tclick1 {
    position: absolute;
    top: 1rem;
    left: 1.8rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox13 .tclick2 {
    position: absolute;
    top: 1.5rem;
    left: 1.4575rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox13 .tclick3 {
    position: absolute;
    top: 5rem;
    left: 1.1rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox13 .tclick4 {
    position: absolute;
    top: 4rem;
    left: 2.3rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox13 .tclick5 {
    position: absolute;
    top: 6.4rem;
    left: 1.4rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox13 .tclick6 {
    position: absolute;
    top: 19.1rem;
    left: 1.8rem;

    display: block;
    width: .2rem;
    height: .5rem;
    ;
}

.cbox13 .tclick7 {
    position: absolute;
    top: 23.5rem;
    left: 1.8rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox13 .tclick8 {
    position: absolute;
    top: 21.7rem;
    left: 2.8rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox14 .tclick1 {
    position: absolute;
    top: 22.5rem;
    left: .9rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox14 .tclick2 {
    position: absolute;
    top: 19.5rem;
    left: 2.3rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox14 .tclick3 {
    position: absolute;
    top: 3.1rem;
    left: 2.3rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox15 .tclick1 {
    position: absolute;
    top: 2.8rem;
    left: 1.9rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox15 .tclick2 {
    position: absolute;
    top: 12.4rem;
    left: 2rem;

    display: block;
    width: .2rem;
    height: .5rem;
}

.cbox15 .tclick3 {
    position: absolute;
    top: 22.3rem;
    left: 1.8rem;

    display: block;
    width: .2rem;
    height: .5rem;
}


/*.cbox15  .tclick4{width:0.2rem;height:0.5rem;left:2.4rem;top:26.2rem;display:block;position: absolute;}*/

@keyframes dian1 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes dian1 {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

#circlr > div .pic.on {
    -webkit-animation: pic2 1.5s linear 0s 1 normal forwards;
            animation: pic2 1.5s linear 0s 1 normal forwards;
}

@keyframes pic2 {
    0% {
        transform: scale(1);

        opacity: 1;
    }
    100% {
        transform: scale(5);

        opacity: 0;
    }
}

@-webkit-keyframes pic2 {
    0% {
        -webkit-transform: scale(1);

        opacity: 1;
    }
    100% {
        -webkit-transform: scale(5);

        opacity: 0;
    }
}

.container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    display: none;
    width: 100%;
    height: 100%;
            flex-direction: column;

    opacity: 0;

    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}

.container.on {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-animation: pic3 1s linear 0s 1 normal forwards;
            animation: pic3 1s linear 0s 1 normal forwards;

    opacity: 1;

    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}

@keyframes pic3 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes pic3 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.container .cbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    /* IOS浏览器的容器内允许独立的滚动区域和触摸回弹 */
    /*display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column;*/

    display: none;
    /*position:relative;*/
    width: 100%;
    height: 100%;

    opacity: 1;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-overflow-scrolling: touch;
}

* {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}


/*@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2),(device-height:568px) and (-webkit-min-device-pixel-ratio:2){*/


/* 兼容iphone4/4s5/5 */


/*.container .cbox{-webkit-overflow-scrolling:auto;}*/


/*}*/

.container .cbox.on {
    display: block;

    -webkit-animation: cbox 2.5s linear 0s 1 normal forwards;
            animation: cbox 2.5s linear 0s 1 normal forwards;

    opacity: 0;
}

@keyframes cbox {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cbox {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.container .cbox .gb {
    position: fixed;
    right: .1rem;
    bottom: .1rem;
    z-index: 2;

    width: .4rem;
    height: .4rem;

    transform: translate3d(0, 0, 0);

    color: transparent;
    background: url(http://cdn.dasvidaniyalife.com/gb.png) no-repeat center center;
    background-size: 50%;
}

.container .cbox .jtlr {
    position: fixed;
    top: 50%;
    left: .8rem;
    z-index: 2;

    width: .235rem;
    margin-top: -1.5535rem;

    transform: translate3d(0, 0, 0);
}

.container .cbox .jtshou {
    position: fixed;
    top: 50%;
    left: .25rem;
    z-index: 2;

    width: .66rem;
    margin-top: -.1rem;

    transform: translate3d(0, 0, 0);
    -webkit-animation: jtshou 2s linear 0s infinite;
            animation: jtshou 2s linear 0s infinite;
}

@keyframes jtshou {
    0% {
        transform: scale(1.3);

        opacity: .3;
    }
    50% {
        transform: scale(1);

        opacity: 1;
    }
    100% {
        transform: scale(1.3);

        opacity: .3;
    }
}

@-webkit-keyframes jtshou {
    0% {
        -webkit-transform: scale(1.3);

        opacity: .3;
    }
    50% {
        -webkit-transform: scale(1);

        opacity: 1;
        ;
    }
    100% {
        -webkit-transform: scale(1.3);

        opacity: .3;
    }
}

.container > .lefttb {
    position: absolute;
    top: .36rem;
    left: 50%;
    z-index: 10;

    width: .36rem;
    margin-left: -.18rem;

    transform: translate3d(0, 0, 0);
    -webkit-animation: lefttb 2s linear 0s infinite;
            animation: lefttb 2s linear 0s infinite;
}

@keyframes lefttb {
    0% {
        top: .36rem;

        opacity: 1;
    }
    100% {
        top: .12rem;

        opacity: .3;
    }
}

@-webkit-keyframes lefttb {
    0% {
        top: .36rem;

        opacity: 1;
    }
    100% {
        top: .12rem;

        opacity: .3;
    }
}

.container > .righttb {
    position: absolute;
    bottom: .36rem;
    left: 50%;
    z-index: 10;

    width: .36rem;
    margin-left: -.18rem;

    transform: translate3d(0, 0, 0);
    -webkit-animation: righttb 2s linear 0s infinite;
            animation: righttb 2s linear 0s infinite;
}

@keyframes righttb {
    0% {
        bottom: .36rem;

        opacity: 1;
    }
    100% {
        bottom: .12rem;

        opacity: .3;
    }
}

@-webkit-keyframes righttb {
    0% {
        bottom: .36rem;

        opacity: 1;
    }
    100% {
        bottom: .12rem;

        opacity: .3;
    }
}

.container > .gb {
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    z-index: 12;

    width: .4rem;
    height: .4rem;

    transform: translate3d(0, 0, 0);

    color: transparent;
    background: url(http://cdn.dasvidaniyalife.com/gb.png) no-repeat center center;
    background-size: 50%;
}

.container .cbox .cbox_pic {
    position: relative;

    width: 100%;
    height: auto;

    text-align: center;
    /*  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;*/
}

@keyframes dian {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes dian {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}

.container .cbox .cbox_pic .tclick {
    position: absolute;
    top: 1rem;
    left: 2rem;

    display: block;
    width: .14rem;
    height: .4rem;
}


/*.container .cbox1 .cbox_pic .dj1 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox1 .cbox_pic .dj2 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox1 .cbox_pic .dj3 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox2 .cbox_pic .dj1 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox2 .cbox_pic .dj2 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox2 .cbox_pic .dj3 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox2 .cbox_pic .dj4 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox2 .cbox_pic .dj5 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox2 .cbox_pic .dj6 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox3 .cbox_pic .dj4 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox3 .cbox_pic .dj6 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox4 .cbox_pic .dj1 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}
.container .cbox4 .cbox_pic .dj2 .tclick2{width:0.085rem;height:0.24rem;top:0.18rem;left:0.26rem;}*/

.container .cbox1 .cbox_pic .tclick1 {
    top: 7.59rem;
    left: 1.4575rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox1 .cbox_pic .tclick2 {
    top: 8.15rem;
    left: 1.2175rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox1 .cbox_pic .tclick3 {
    top: 9.07rem;
    left: 1.2075rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox1 .cbox_pic .tclick4 {
    top: 15.99rem;
    left: 1.19rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox2 .cbox_pic .tclick1 {
    top: 15.2rem;
    left: 1.9775rem;

    display: block;
    width: .085rem;
    height: .24rem;
}


/*0.2575 0.18*/

.container .cbox2 .cbox_pic .tclick2 {
    top: 14.85rem;
    left: 1.1075rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox2 .cbox_pic .tclick3 {
    top: 15.86rem;
    left: 2.1575rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox2 .cbox_pic .tclick4 {
    top: 15.86rem;
    left: 1.0875rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox2 .cbox_pic .tclick5 {
    top: 25.52rem;
    left: 1.7075rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox2 .cbox_pic .tclick6 {
    top: 11.79rem;
    left: 1.7575rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox2 .cbox_pic .tclick7 {
    top: 4.77rem;
    left: 1.39rem;

    display: block;
    width: .14rem;
    height: .4rem;
}


/*0.43 0.3*/

.container .cbox3 .cbox_pic .tclick1 {
    top: 23.27rem;
    left: 2.2rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox3 .cbox_pic .tclick2 {
    top: 13.77rem;
    left: 1.78rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox3 .cbox_pic .tclick3 {
    top: 11.7rem;
    left: 1.43rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox3 .cbox_pic .tclick4 {
    top: 5.91rem;
    left: 1.5675rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox3 .cbox_pic .tclick5 {
    top: 2.35rem;
    left: 1.28rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox3 .cbox_pic .tclick6 {
    top: 3.89rem;
    left: 1.6075rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox4 .cbox_pic .tclick1 {
    top: 16.81rem;
    left: 1.3575rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox4 .cbox_pic .tclick2 {
    top: 12.98rem;
    left: 1.5575rem;

    display: block;
    width: .085rem;
    height: .24rem;
}

.container .cbox4 .cbox_pic .tclick4 {
    top: 23.58rem;
    left: 1.57rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox4 .cbox_pic .tclick3 {
    top: 7.96rem;
    left: 1.45rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox5 .cbox_pic .tclick1 {
    top: 15.65rem;
    left: 1.37rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox5 .cbox_pic .tclick2 {
    top: 7.55rem;
    left: 1.33rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox6 .cbox_pic .tclick2 {
    top: 21.18rem;
    left: 1.72rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox6 .cbox_pic .tclick1 {
    top: 3.53rem;
    left: 1.8rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox6 .cbox_pic .tclick3 {
    top: 12.18rem;
    left: 1.3rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox7 .cbox_pic .tclick1 {
    top: 12.72rem;
    left: 1.48rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox7 .cbox_pic .tclick2 {
    top: 4.12rem;
    left: 1.63rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox7 .cbox_pic .tclick3 {
    top: 19.84rem;
    left: 1.19rem;

    display: block;
    width: .14rem;
    height: .4rem;
}

.container .cbox1 .cbox_pic .jiantou {
    position: absolute;
    top: 11.1rem;
    left: .41rem;
    z-index: 2;

    display: block;
    width: .31rem;

    -webkit-animation: jiantou1 1.5s linear 0s infinite;
            animation: jiantou1 1.5s linear 0s infinite;

    opacity: 0;
}

@keyframes jiantou1 {
    from {
        top: 11.1rem;
        left: .41rem;

        opacity: 0;
    }
    to {
        top: 11.47rem;
        left: .54rem;

        opacity: 1;
    }
}

@-webkit-keyframes jiantou1 {
    from {
        top: 11.1rem;
        left: .41rem;

        opacity: 0;
    }
    to {
        top: 11.47rem;
        left: .54rem;

        opacity: 1;
    }
}

.container .cbox2 .cbox_pic .jiantou {
    position: absolute;
    top: 18.16rem;
    left: .54rem;

    display: block;
    width: .36rem;

    -webkit-animation: jiantou2 1.5s linear 0s infinite;
            animation: jiantou2 1.5s linear 0s infinite;

    opacity: 0;
}

@keyframes jiantou2 {
    from {
        top: 18.16rem;
        left: .54rem;

        opacity: 0;
    }
    to {
        top: 18.45rem;
        left: .83rem;

        opacity: 1;
    }
}

@-webkit-keyframes jiantou2 {
    from {
        top: 18.16rem;
        left: .54rem;

        opacity: 0;
    }
    to {
        top: 18.45rem;
        left: .83rem;

        opacity: 1;
    }
}

.container .cbox3 .cbox_pic .jiantou {
    position: absolute;
    top: 15.49rem;
    left: .2rem;

    display: block;
    width: .3rem;

    -webkit-animation: jiantou3 1.5s linear 0s infinite;
            animation: jiantou3 1.5s linear 0s infinite;

    opacity: 0;
}

@keyframes jiantou3 {
    from {
        top: 15.49rem;
        left: .2rem;

        opacity: 0;
    }
    to {
        top: 15.08rem;
        left: .31rem;

        opacity: 1;
    }
}

@-webkit-keyframes jiantou3 {
    from {
        top: 15.49rem;
        left: .2rem;

        opacity: 0;
    }
    to {
        top: 15.08rem;
        left: .31rem;

        opacity: 1;
    }
}

.container .cbox4 .cbox_pic .jiantou {
    position: absolute;
    top: 19.67rem;
    left: .25rem;

    display: block;
    width: .33rem;

    -webkit-animation: jiantou4 1.5s linear 0s infinite;
            animation: jiantou4 1.5s linear 0s infinite;

    opacity: 0;
}

@keyframes jiantou4 {
    from {
        top: 19.67rem;
        left: .25rem;

        opacity: 0;
    }
    to {
        top: 20.19rem;
        left: .54rem;

        opacity: 1;
    }
}

@-webkit-keyframes jiantou4 {
    from {
        top: 19.67rem;
        left: .25rem;

        opacity: 0;
    }
    to {
        top: 20.19rem;
        left: .54rem;

        opacity: 1;
    }
}

.container .cbox5 .cbox_pic .jiantou {
    position: absolute;
    top: 16.44rem;
    left: .36rem;

    display: block;
    width: .32rem;

    -webkit-animation: jiantou5 1.5s linear 0s infinite;
            animation: jiantou5 1.5s linear 0s infinite;

    opacity: 0;
}

@keyframes jiantou5 {
    from {
        top: 16.44rem;
        left: .36rem;

        opacity: 0;
    }
    to {
        top: 16.44rem;
        left: .59rem;

        opacity: 1;
    }
}

@-webkit-keyframes jiantou5 {
    from {
        top: 16.44rem;
        left: .36rem;

        opacity: 0;
    }
    to {
        top: 16.44rem;
        left: .59rem;

        opacity: 1;
    }
}

.container .cbox6 .cbox_pic .jiantou {
    position: absolute;
    top: 15.07rem;
    left: .51rem;

    display: block;
    width: .32rem;

    -webkit-animation: jiantou6 1.5s linear 0s infinite;
            animation: jiantou6 1.5s linear 0s infinite;

    opacity: 0;
}

@keyframes jiantou6 {
    from {
        top: 15.07rem;
        left: .51rem;

        opacity: 0;
    }
    to {
        top: 14.59rem;
        left: .68rem;

        opacity: 1;
    }
}

@-webkit-keyframes jiantou6 {
    from {
        top: 15.07rem;
        left: .51rem;

        opacity: 0;
    }
    to {
        top: 14.59rem;
        left: .68rem;

        opacity: 1;
    }
}

.container .cbox7 .cbox_pic .jiantou {
    position: absolute;
    top: 9.67rem;
    left: .56rem;

    display: block;
    width: .34rem;

    -webkit-animation: jiantou7 1.5s linear 0s infinite;
            animation: jiantou7 1.5s linear 0s infinite;

    opacity: 0;
}

@keyframes jiantou7 {
    from {
        top: 9.67rem;
        left: .56rem;

        opacity: 0;
    }
    to {
        top: 10.13rem;
        left: .79rem;

        opacity: 1;
    }
}

@-webkit-keyframes jiantou7 {
    from {
        top: 9.67rem;
        left: .56rem;

        opacity: 0;
    }
    to {
        top: 10.13rem;
        left: .79rem;

        opacity: 1;
    }
}

.container .pbox .pbox_pic {
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    margin-top: -2.8125rem;
}

.box2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;

    display: none;
    width: 100%;
    height: 100%;

    background: #fff;
}

.box2 .blist.on {
    display: block;
}

.box2 .blist .bpic {
    position: absolute;

    display: none;
    width: 100%;
    height: 100%;
}

.box2 .gb {
    position: fixed;
    right: .1rem;
    bottom: .1rem;
    z-index: 11111;

    width: .4rem;
    height: .4rem;

    color: transparent;
    background: url(http://cdn.dasvidaniyalife.com/gb.png) no-repeat center center;
    background-size: 50%;
}

::-webkit-scrollbar {
    width: .000000001px;
    height: .000000001px;

    background-color: transparent;
}

::-webkit-scrollbar {
    width: .000000001px;
    height: .000000001px;

    background-color: rgba(0, 0, 0, 0);
}

.black {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;

    display: none;
    width: 100%;
    height: 100%;

         opacity: .9;
    background: #000;

    filter: alpha(opacity=9);
    -moz-opacity: .9;
}

.black .btext {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 1.21rem;
    height: .71rem;
    margin-top: -.355rem;
    margin-left: -.605rem;
}

@media screen and (orientation: landscape) {
    /*横屏 css*/
    .black {
        display: block;
    }
}


/*.index1{position:absolute;z-index:10;width:100%;height:100%;left:0;top:0;overflow:hidden;}*/
.index1 .ipic {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.index1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;

    width: 100%;
    height: 100%;
}

.index0 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;

    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index1 p {
    position: absolute;

    display: block;
    width: 100%;

    font-size: 12px;

    transform: rotate(90deg);
    text-align: center;

    color: #fff;
}

.index2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;

    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index2 .ipic {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.index3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;

    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index3 .ipic {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.zhuan {
    position: absolute;
    bottom: .3rem;
    left: .3rem;
    z-index: 2;

    width: .6rem;
    height: .6rem;
}

.zhuan .z1 {
    width: 100%;
    height: 100%;

    -webkit-animation: zhuan 3s linear 0s infinite;
            animation: zhuan 3s linear 0s infinite;
}

.zhuan .z2 {
    position: absolute;
    top: -1px;
    left: -3px;

    width: 100%;
    height: 100%;
}

.z3 {
    width: 100%;
    height: 100%;

    -webkit-animation: zhuan 3s linear 0s infinite;
            animation: zhuan 3s linear 0s infinite;
}

@keyframes zhuan {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes zhuan {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes lmove {
    0% {
        top: 20px;
    }
    50% {
        top: 5px;
    }
    100% {
        top: 20px;
    }
}

@-webkit-keyframes lmove {
    0% {
        top: 20px;
    }
    50% {
        top: 5px;
    }
    100% {
        top: 20px;
    }
}

@keyframes rmove {
    0% {
        bottom: 5px;
    }
    50% {
        bottom: 20px;
    }
    100% {
        bottom: 5px;
    }
}

@-webkit-keyframes rmove {
    0% {
        bottom: 5px;
    }
    50% {
        bottom: 20px;
    }
    100% {
        bottom: 5px;
    }
}

@keyframes lrmove {
    0% {
        left: 14%;
    }
    50% {
        left: 11%;
    }
    100% {
        left: 14%;
    }
}

@-webkit-keyframes lrmove {
    0% {
        left: 14%;
    }
    50% {
        left: 11%;
    }
    100% {
        left: 14%;
    }
}
